
<template>
    <div class="wrapper">
        <slider class="slider" auto-play="true" interval="5000">
            <div class="frame" v-for="(img,index) in imageList" :key="index">
                <image class="image" resize="cover" :src="img.src"></image>
            </div>
            <indicator class="indicator"></indicator>
        </slider>
    </div>
</template>
<style scoped>
.iconfont {
    font-family:iconfont;
}
.image {
    width: 750px;
    height: 352px;
}
.slider {
    width: 750px;
    height: 352px;
}
.frame {
    width: 750px;
    height: 352px;
    position: relative;
}
.indicator {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    itemColor: #ffffff;
    itemSelectedColor:#af0a29;
}
</style>
<script>
    export default {
        props:["imageList"],
        data () {
            return {
            }
        },
        methods: {
            
        }
    }
</script>